<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="打印表格(函数).js" type="text/javascript"></script>
    <style>
        *{margin: 0px;padding: 0px}
        div{
            height: 100px;width: 100px;
            background: red;
        }
    </style>
</head>
<body>
<!--
			事件注册的三种方式：

				第一种： 在元素上注册事件

					语法： <标签 事件属性 = 事件处理函数></标签>

						<div onclick = "check()"></div>

					注意点： 事件处理函数 ： function(){check()}

				第二种： 在元素对象上注册事件(推荐使用)

					语法： 元素对象.事件句柄 = 事件处理函数

						1. div.onclick = function(){}
						2. div.onclick = fn;
						   function fn(){}

				第三种: 通过事件监听方式注册事件(推荐使用)

					非IE： 元素对象.addEventListener(不带on的事件句柄,事件处理函数,事件流的顺序)

					IE ： 元素对象.attachEvent(带on的事件句柄,事件处理函数);

		-->
    <div id="box"></div>
    <script type="text/javascript">
        /*

                     * 	obj : 事件源
                     *
                     * 	type : 事件类型 （不带on的事件类型）
                     *
                     * 	fn : 事件处理函数
                     * */

        /**
         *
         function addEvent(obj,type,fn){
            //兼容
            if(obj.addEventListener){
                obj.addEventListener(type,fn,false);//冒泡阶段
            }else{
                obj.attachEvent("on"+type,fn);
            }
        }
         */


        /**
         *
         //移除事件
         function removeEvent(obj,type,fn){
            //兼容
            if(obj.removeEventListener){
                obj.removeEventListener(type,fn,false);
            }else{
                obj.detachEvent("on"+type,fn);
            }

        }
         */







        // function aa(){
        //     alert(1);
        // }
        var box = document.getElementById("box");
        //监听事件
        box.addEventListener("click",function () {
            alert("wmf is healthy!")
        },false);

        // addEvent(box,"click",aa);
    </script>

</body>
</html>